<!--
  Generated template for the TeamPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>团队</ion-title>
    <ion-buttons end (click)="openNewTeamPage()">
      <button ion-button icon-only>
        <ion-icon name="tianjia"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content>
  <div>
    <ion-list>
      <ion-item *ngFor="let item of teamDatas, let index = index" (click)="openTeamDetail(item.teamcode)" [ngClass]="{'bg-toggle': (index + 1) % 2 == 0}">
        <ion-avatar item-start>
          <img src="{{item.teamicon}}">
        </ion-avatar>
        <h2 class="teamName">{{item.teamname}}</h2>
        <p>{{item.teamcount}}人</p>
        <ion-icon name="qianjin"></ion-icon>
        <!-- <img src="./assets/imgs/team/right_arrow.png"> -->
      </ion-item>
    </ion-list>
  </div>
  <button ion-button (click)="openMyTeamPage()" class="join-team">
    <span>我的团队</span>
  </button>
</ion-content>
